<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>JavaScript 数组 Const</title>
</head>
<body>
<h2>const 块作用域</h2>
<p>用 const 声明的数组具有块作用域，在块中声明的数组与在块外声明的数组不同：</p>

<p id="demo"></p>

<script>
  const cars = ["Tesla", "Volvo", "BMW"];
  // 此处 cars[0] 是 "Tesla"
  {
    const cars = ["Toyota", "Volvo", "BMW"];
    // 此处 cars[0] 是 "Toyota"
  }
  // 此处 cars[0] 是 "Tesla"
  document.getElementById("demo").innerHTML = cars[0];
</script>

</body>
</html>

<!--
运行结果：Tesla
-->


<!--
用 var 声明的数组没有块作用域：
实例：
var cars = ["Saab", "Volvo", "BMW"];
// 此处 cars[0] 为 "Saab"
{
  var cars = ["Toyota", "Volvo", "BMW"];
  // 此处 cars[0] 为 "Toyota"
}
// 此处 cars[0] 为 "Toyota"
-->